<extend name="./masterHome" />
<block name="content">

</div>
<!--头部结束-->
<!--中间开始-->
<div id="content">

    <div class="cont">
        <div class="main">
            <div class="content-left">
                <div class="box">
                    <div class="zhezhao"></div>
                    <div class="sekuai"></div>
                    <div class="smallTu"></div>
                    <a href="javascript:;" class="shang">&lt;</a>
                    <div class="list1">

                        <ul>
                            <foreach name="detailData['big']" item="v">
                            <li><img src="__ROOT__/{$v}" alt=""></li>
                            </foreach>
                        </ul>


                    </div>
                    <a href="javascript:;" class="xia">&gt;</a>

                    <div class="bgTu"></div>
                    <div class="bgTuHide">
                        <ul>
                            <foreach name="detailData['big']" item="v">
                                <li><img src="__ROOT__/{$v}" alt=""></li>
                            </foreach>
                        </ul>

                    </div>
                </div>
            </div>
            <div class="content-right">

                <div class="tit">{$goodsData['gname']}</div>
                <div class="description">安全三系统 6GB内存+128GB存储 高通骁龙820芯片 智慧双摄2.0 银行级安全芯片 360OS 2.0 QC闪充3.0</div>
                <div class="pirve">￥{$goodsData['marketprice']}</div>
                <foreach name="data" key="k" item="v">
                    <div class="category">
                        <h4>{$k}</h4>
                        <ul>
                            <foreach name="v" key="kk" item="vv">
                                <li gaid="{$vv['gaid']}">{$vv['gtvalue']}</li>

                            </foreach>
                        </ul>
                    </div>
                </foreach>
                <style>
                    .cont .content-right .nobdr h6.red{
                        background: #fa5437;
                    }
                    .cont .content-right .nobdr h6.huise{
                        background: #333;
                    }
                    #wzq_glid,#wzq_number{
                        display: none;
                    }
                </style>
                <script>
                    $(function(){

                        $('.category ul li').click(function () {
                            if($('.zhong').length == <?php echo count($data)?>){
                                //组合id 商品id
                                var gid = <?php echo $_GET['gid']?>;
                                var combine = '';
                                $.each($('.zhong'),function(){
                                    combine+=$(this).attr('gaid') + ',';
                                })
                                $.post("{:u('ajaxGetTotal')}",{gid:gid,combine:combine},function(res){
                                    $('#wzq_inventory').html(+res.total)
                                    $('#wzq_glid').html(+res.glid)
                                    $('#wzq_number').html(+res.number)
                                    $('.pirve').html(+res.guiztotal)
                                    if(res.valid){
                                        //有库存
                                        $('.cont .content-right .nobdr h6').removeClass('huise').addClass('red');
                                    }else{
                                        //没有存货
                                        $('.cont .content-right .nobdr h6').addClass('huise').removeClass('red');
                                    }
                                },'json');
                            }
                        })
                    })
                </script>
                <div class="num">
                    <h5>数量</h5>
                    <a href="javascript:;" class="num_l">-</a>
                    <input type="text" value="1" />
                    <a href="javascript:;" class="num_r">+</a>
                      <span>库存为：</span><span id="wzq_inventory"></span>
                      <span style="display: none">glid：</span><span id="wzq_glid"></span>
                      <span style="display: none">number：</span><span id="wzq_number"></span>

                </div>

                <div class="nobdr">
                    <h6 class="red"><a class="red" href="javascript:;">立即购买</a></h6>
                </div>
                <script>
                    $(function(){

                        //点击立即购买
                        $('.cont .content-right .nobdr  h6.red').click(function(){
                            var num= parseInt($('.cont .content-right .num input').val());
                            var wzq= parseInt($('#wzq_inventory').html());

                            if(num > wzq){
                                alert('你购买的数量大于库存！')

                                $('.cont .content-right .num input').val(wzq);
                                return false;
                            }

                            if($(this).is('.huise')){
                                layer.msg('库存为0', function(){
//关闭后的操作
                                });
                                return false;
                            }
                            if($('.zhong').length != <?php echo count($data)?>){

                                layer.msg('请选择商品规格', function(){
//关闭后的操作
                                });
                                return false;
                            }
                            //走到这里，执行添加购物车动作
//                            alert(1);


                            var gid=<?php echo $_GET['gid']?>;
                            var num=$('.num').find('input').val();
                            var options={};
                            var glid=$('#wzq_glid').html();
                            var number=$('#wzq_number').html();
                            var prive=$('.pirve').html();
                            $.each($('.zhong'),function () {
                               options[$(this).parents('.category').find('h4').html()]=$(this).html();
////                                alert($(this).html());
//                                alert($(this).parents('.category').find('h4').html())
                            })
    $.post("{:u('ajaxAddCart')}",{gid:gid,num:num,options:options,count:wzq,glid:glid,number:number,prive:prive},function (res) {

                             location.href="{:u('home/cart/index')}";

                            })
                        })

                    })
                </script>
                <div class="houdun">
                    <h3>保障</h3>
                    <p><i class="o1"></i>360商城发货&售后</p>
                    <p><i class="o2"></i>满99元包邮</p>
                    <p><i class="o3"></i>7天无理由退货</p>
                    <p><i class="o4"></i>15天免费换货</p>
                </div>
            </div>
        </div>
    </div>
    <div class="desc" id="xijie">
        <div class="desctab" >
            <div class="main">
                <ul>
                    <li><a href="#xijie">产品详情</a><span>|</span></li>
                    <li><a href="#guige">规格参数</a><span>|</span></li>
                    <li><a href="#wenti">常见问题</a></li>
                </ul>
            </div>
        </div>
        <style>
            .con{
                width: 100%;
                margin:0 auto;
                text-align: center;
            }
        </style>

        <div class="con" >
            {$detailData['intro']}

        </div>
        <div class="con main" id="guige">


            <h1>产品参数</h1>

        <!--</div>-->
        <div class="con main" id="wenti" style="text-align: left;padding-left: 10%">
            <h2>常见问题</h2>
            <dl>
                <dt><i>1、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>2、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>3、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>4、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>5、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>6、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>7、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>

        </div>
    </div>

</div>
</div>
<!--中间结束-->
<!--尾部开始-->
</block>